<%@ page language="java" import="java.util.*"
	contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	ArrayList<String> jsPaths = (ArrayList<String>) request.getAttribute("jsPaths");
	jsPaths.add("/resources/bootstrap/dynatree/jquery-ui.custom.js");
	jsPaths.add("/resources/bootstrap/dynatree/jquery.cookie.js");
	jsPaths.add("/resources/bootstrap/dynatree/jquery.dynatree.js");
	jsPaths.add("/resources/bootstrap/xcharts/d3.min.js");
	jsPaths.add("/resources/bootstrap/xcharts/xcharts.min.js");
	jsPaths.add("/resources/bootstrap/xcharts/moment.min.js");
	jsPaths.add("/resources/bootstrap/xcharts/sugar.min.js");
	jsPaths.add("/resources/bootstrap/xcharts/daterangepicker.js");
	jsPaths.add("/resources/custom/trendsAnalysis/trendsAnalysis.js");
%>
<div class="row">
	<h2 class="sub-header">趋势分析</h2>
</div>
<div class='row'>
	<div class="col-sm-6">
		<label for="projectName" class="col-sm-3 control-label">项目名称</label>
		<div class="col-sm-9" id="treeFather">
			<input type='hidden' id="projectId" name="projectId">
			<div class='row'>
				<input id="projectName" name="projectName"
					class='col-sm-12 input-sm' placeholder="项目名称">
			</div>
			<div class='row'>
				<div id="tree" class="panel panel-primary tree"></div>
			</div>
		</div>
	</div>
	<div class="col-sm-5">
		<label for="reportrange" class="col-sm-5 control-label">请选择时间范围:</label>
		<div id="reportrange" class="pull-right"
			style="background: #fff; cursor: pointer; padding: 5px; border: 1px solid #ccc">
			<span></span> <b class="caret"></b>
		</div>
	</div>
</div>
<br />
<div id='all' style='display: none'>
	<div id='heat'>
		<h4 class="sub-header">热量趋势</h4>
		<p id='heatError' style='display: none'>无数据！</p>
		<div id="heatContent" class='row content'>
			<div id="heatPlaceholder" class='placeholder'>
				<figure id="heatChart" class='chart'></figure>
			</div>
		</div>
	</div>
	<div id='area'>
		<h4 class="sub-header">面积趋势</h4>
		<p id='areaError' style='display: none'>无数据！</p>
		<div id="areaContent" class='row content'>
			<div id="areaPlaceholder" class='placeholder'>
				<figure id="areaChart" class='chart'></figure>
			</div>
		</div>
	</div>
	<div id='period'>
		<h4 class="sub-header">时间趋势</h4>
		<p id='periodError' style='display: none'>无数据！</p>
		<div id="periodContent" class='row content'>
			<div id="periodPlaceholder" class='placeholder'>
				<figure id="periodChart" class='chart'></figure>
			</div>
		</div>
	</div>
</div>